<template>
  <div>
    <p>
      <sm-button>default</sm-button>
      <sm-button type="normal">normal</sm-button>
      <sm-button type="primary">primary</sm-button>
      <sm-button type="warning">warning</sm-button>
      <sm-button type="danger">danger</sm-button>
      <sm-button disabled="true">disabled</sm-button>
    </p>
    <p>
      <sm-button type="normal" size="large">大号按钮</sm-button>
      <sm-button type="normal" size="medium">中号按钮</sm-button>
      <sm-button type="normal" size="small">默认尺寸按钮</sm-button>
      <sm-button type="normal">小号按钮</sm-button>
      <sm-button type="normal" size="mini">mini按钮</sm-button>
    </p>
    <p>
      <sm-button type="primary" size="large">大号按钮</sm-button>
      <sm-button type="primary" size="medium">中号按钮</sm-button>
      <sm-button type="primary" size="small">默认尺寸按钮</sm-button>
      <sm-button type="primary">小号按钮</sm-button>
      <sm-button type="primary" size="mini">mini按钮</sm-button>
    </p>
    <p>
      <sm-button type="warning" size="large">大号按钮</sm-button>
      <sm-button type="warning" size="medium">中号按钮</sm-button>
      <sm-button type="warning" size="small">默认尺寸按钮</sm-button>
      <sm-button type="warning">小号按钮</sm-button>
      <sm-button type="warning" size="mini">mini按钮</sm-button>
    </p>
    <p>
      <sm-button type="danger" size="large">大号按钮</sm-button>
      <sm-button type="danger" size="medium">中号按钮</sm-button>
      <sm-button type="danger" size="small">默认尺寸按钮</sm-button>
      <sm-button type="danger">小号按钮</sm-button>
      <sm-button type="danger" size="mini">mini按钮</sm-button>
    </p>
    <p>
      <sm-button disabled="true" size="large">大号按钮</sm-button>
      <sm-button disabled="true" size="medium">中号按钮</sm-button>
      <sm-button disabled="true" size="small">默认尺寸按钮</sm-button>
      <sm-button disabled="true">小号按钮</sm-button>
      <sm-button disabled="true" size="mini">mini按钮</sm-button>
    </p>
  </div>
</template>

<script>
import SmButton from "../components/button/index.js";

export default {
  name: "ButtonDemo",
  components: {
    SmButton
  }
};
</script>

<style scoped>
</style>
